<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <link rel="stylesheet" href="./css/advpos.css">
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="box">
        <div class="top">
          <h3>广告位名称</h3>
          <input type="text" placeholder="请输入广告位名称">
          <button style="background-color: #409eff; border-radius:4px ;" id="search" class="layui-btn">
            <i class="layui-icon layui-icon-search"></i>
            搜索
          </button>
          <button style=" border-radius:4px ;border:1px solid #dcdfe6;color:#606266;" id="reset" class="layui-btn">
            <i class="layui-icon layui-icon-refresh"></i>
            重置
          </button>

        </div>
        <div class="center">
          <div class="left">
            <button
              style='color:#409eff;border-radius:5px;color:#40b6ff;display:inline-block;width:60px;background-color:#ecf5ff;padding-left:10px ;padding-top:0px;border:1px solid #b3d8ff'
              id="add" class="layui-btn layui-btn-primary layui-border-blue">
              <i class="layui-icon layui-icon-addition">+</i>
              新增
            </button>
            <button
              style='color:#ecaa3c !important;border-radius:5px;color:#f5dab1;display:inline-block;width:60px;background-color:#fdf6ec;padding-left:10px ;padding-top:0px;border:1px solid #f5dab1'
              id="out" class="layui-btn ">
              <i class="layui-icon layui-icon-down"></i>
              导出
            </button>
          </div>

          <div class="right">
            <button id="xiala" style="border:1px solid #dee0e7;">
              <i class="layui-icon layui-icon-down" style="font-size: 14px !important;color:#6f96ce"></i>
            </button>
            <button id="zhedie" style="border:1px solid #dee0e7;">
              <i class="layui-icon layui-icon-up" style="font-size: 14px !important;color:#6f96ce"></i>
            </button>
            <button id="shuaxin" style="border:1px solid #dee0e7;">
              <i class="layui-icon layui-icon-refresh" style="font-size: 14px !important;color:#6f96ce"></i>
            </button>
          </div>
        </div>
        <table class="layui-table">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
            <col>
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>编号</th>
              <th>广告位名称</th>
              <th>广告位描述</th>
              <th>广告图数量</th>
              <th>广告位尺寸</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>

        <div class="page">
          <div id="page"></div>
        </div>
      </div>


    </div>
  </div>
  <script type="text/html" id="dialog-add">
    <form class="layui-form" id="form-add" style="padding: 30px 30px 0 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">广告位名称</label>
        <div class="layui-input-block">
          <input type="text" name="name" required  lay-verify="required" placeholder="请输入广告位名称" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">广告位描述</label>
        <div class="layui-input-block">
          <input type="text" name="alias" required  lay-verify="required" placeholder="请输入广告位描述" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">广告位尺寸</label>
        <div class="layui-input-block">
          <input type="text" name="alias" required  lay-verify="required" placeholder="请输入广告位尺寸" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
          <button type="button" id="quxiao" class="layui-btn layui-btn-primary">取消</button>
        </div>
      </div>
    </form>

    <script type="text/html" id="dialog-edit">
      <form class="layui-form" id="form-edit" style="padding: 30px 30px 0 0;">
        <div class="layui-form-item">
          <label class="layui-form-label">广告位名称</label>
          <div class="layui-input-block">
            <input type="text" name="adname" required  lay-verify="required" placeholder="请输入广告位名称" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">广告位描述</label>
          <div class="layui-input-block">
            <input type="text" name="adalias" required  lay-verify="required" placeholder="请输入广告位描述" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">广告位尺寸</label>
          <div class="layui-input-block">
            <input type="text" name="adsize" required  lay-verify="required" placeholder="请输入广告位尺寸" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
            <button type="reset" class="layui-btn layui-btn-primary ">取消</button>
          </div>
        </div>
      </form>
  </script>

</body>
<script src="./js/jquery.min.js"></script>
<script src="./lib/layui/layui.all.js"></script>
<script src="./js/baseApi.js"></script>
<script src="./js/advpos.js"></script>

</html>